/* pages/my/index.wxss */
.profile {
    background-color: #6394c0;
    border-radius: 0 0 40rpx 50rpx;
    height: 300rpx;

    .profile-base {
        display: flex;
        align-items: center;
        padding: 60rpx 40rpx;
    }

    .avatar {
        width: 100rpx;
        height: 100rpx;
        border-radius: 50%;
        overflow: hidden;
        background-image: url(https://lotjol.github.io/static-store/enjoy-plus/images/user_placeholder.png);
        background-size: cover;
    }

    .nickname {
        margin-left: 20rpx;
        color: white;
        font-size: 35rpx;
    }

    navigator {
        color: white;
        font-size: 30rpx;
        flex: 1;
        text-align: right;
    }

    .profile-extra {
        padding: 10rpx 30rpx;
        margin-top: 30rpx;
        background-color: #fff;
        border-radius: 16rpx;
      }
    
      .item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 110rpx;
        font-size: 30rpx;
        color: #3c3e42;
        padding-left: 50rpx;
        background-size: 36rpx;
        background-repeat: no-repeat;
        background-position: left center;
    
        &::after {
          font-family: 'icomoon';
          content: '\e900';
          color: #c3c3c5;
        }
      }
    
      @each $name in 'house', 'repair', 'visitor' {
        .#{$name} {
          background-image: url(https://enjoy-plus.oss-cn-beijing.aliyuncs.com/images/#{$name}_profile_icon@2x.png);
        }
      }
}